草庐IT

Android表面 View 动画

全部标签

javascript - iPhone OS 3.0 中使用 webkit-transform translate() 的慢速动画

iPhoneOS3.0中的JavaScript处理有什么变化吗?此代码适用于Safari4PublicBeta和iPodTouch2.0,但不适用于装有iPhoneOS3.0的iPodtouch。目的是在2秒内将框向右移动一点,但在3.0中它只是跳到新位置,没有动画或延迟。iPhoneJStesting.box{position:absolute;width:150px;height:150px;background-color:red;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:2

javascript - 多个元素上的 jQuery 动画,单个动画线程/计时器还是多个?

我想知道jQuery选择器何时返回多个元素,并且我在所有这些元素上执行了一个“slideDown”...$('.allthisclasss').slideDown();是否存在单个代码循环同步向下移动所有对象,或者jQuery是否分别处理所有对象并且它们每个都有一个执行线程来移动它们自己?我的问题是关于动画优化,如果所有对象只有一个计时器而不是每个对象一个,那就太好了。有人知道jQuery如何处理这种情况吗? 最佳答案 所有动画都会自动添加到jQuery中的全局效果队列中。但这并不意味着它们是按顺序动画的,制作一个简单的测试页面,其

javascript - jQuery 滚动事件 - 检测元素滚动到 View 中 - 在 Chrome 上性能不佳

以下代码在IE和Firefox上工作正常,但Chrome讨厌它(它运行但真的很慢)。我确信它可以使浏览器更加友好,但是怎么做呢?itemPlaceholder是数百个100x100的floatdiv(例如图像占位符)。我正在使用jquery1.4.4和Chromev10.0.648.127。$(function(){ReplaceVisible();$(this).scroll(function(){ReplaceVisible();});});functionReplaceVisible(){$('.itemPlaceholder').each(function(index){if(

javascript - jQuery 中的生涩动画问题

我这样做了很多次都没有问题,但由于某种原因,它在Here上出现了问题。.向下滑动将开始正常工作(1/3),然后突然猛拉并完成动画。向上滑动效果很好。slideDown()、slideToggle和.animate()就是这种情况奇怪的是,如果我也在动画功能中切换不透明度,它不会SCSS,但我的文字会短暂地改变颜色。HTML:PhthalateFree:DibutylPhthalateislinkedtocancerandispresentinnailpolish,perfume,softplasticsandskincareproducts.CSS:我读到其他内容是边距会导致抖动,但这

javascript - 使用 JavaScript 动画化 CSS3 转换的值是否排除了硬件加速?

您可以通过设置动画持续时间并设置CSS3变换的初始值和最终值来利用硬件加速动画。如果不设置动画持续时间和使用关键帧,而是直接使用JavaScript为所需的CSS3转换值设置动画,会怎样?您是否仍会利用硬件加速,或者硬件加速已被排除? 最佳答案 除非您使用转换,否则它不会为webkit浏览器进行硬件加速。此外,只有3d变换被加速,因此确保元素在可用时使用3d渲染树的快速方法是添加:-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);顺便说一下,转换速度很

javascript - 如何将路径更改广播到 AngularJS 应用程序中的所有 View ?

我有一个AngularJS单页应用程序显示3个View(实际上是3个directives)。为了说明我的问题,假设我的用户界面与GMail的用户界面相同,并且我的3个View是:导航Pane(左)--GMail在其中显示“收件箱”、“草稿”等文件夹...工具栏(右上)——GMail显示按钮的地方内容Pane(右下角)——GMail显示消息的地方这3个View需要在路径更改时自行更新。例如:导航Pane需要突出显示特定项目。工具栏需要显示/隐藏某些按钮。ContentPane需要从服务器加载和显示特定数据。在AngularJS中执行此操作的最佳方法是什么?到目前为止,我有:排除了使用$r

javascript - 在奇数位置设置动画时在 Chrome 中抖动图像

我正在尝试创建某种掩蔽动画,其中图像从其中心显示(编辑:“中心”不一定表示实际背景图像的中心,但可见区域的中心!/edit)。到目前为止它运行良好,唯一的问题是在Chrome中(当前在Windows7x64上为24.0.1312.52m)显示的内容正在抖动。这是一个jsfiddle示例:http://jsfiddle.net/BaKTN/到目前为止,我发现可以通过不禁用background-repeat(http://jsfiddle.net/BaKTN/1/)来解决这个问题。不确定内部到底发生了什么,但这会使图像留在它所属的位置。不幸的是,这只是问题的一半,当外部容器放置在奇数坐标时

javascript - 使用动态源将动画保留在 ng-include 上

我有一个ng-include,它根据动态url加载内容(按预期工作)。当我尝试为内容的enter和leave设置动画时,问题就来了(根据Angular文档,这是ng-include提供的两个事件用于动画)。.my-content-area.ng-enter,.my-content-area.ng-leave{transition:all500ms;}.my-content-area.ng-enter{opacity:0;}.my-content-area.ng-enter.ng-enter-active{opacity:1;}.my-content-area.ng-leave{opac

javascript - 如果它是悬停元素的子元素,是否可以使 jQuery 仅针对悬停动画的目标 div?

好吧,我是Javascript和jQuery的初学者,所以这可能是一个非常简单的问题,但我已经尝试研究它,但找不到任何好的答案。在我的网站上:http://joeyellisdesign.com/testingspace/JE2我在我的投资组合的“工作”部分有一个滚动,我试图让它只在你将鼠标悬停在单个图像上时出现。要设置动画,我有这段代码:jQuery$(document).ready(function(){$(".project").hover(function(){$(".projectdescription").animate({top:'4px'});},function(){

javascript - 在 SPA 应用程序中使用 AngularJs 在 ng-view 中加载外部页面

有没有办法在angularjsng-view中插入外部网页。例如,当我在我的示例中按下带有ng-route的链接时,我希望在我自己的网页中加载一个外部页面。在这个例子中,我希望当我点击外部时,应该加载另一个页面。我尝试过使用ng-include但没有用。http://plnkr.co/edit/vkAvZ2hGUjHlfHy0ul1z感谢您的帮助。 最佳答案 为什么不在部分模板中使用iframe?(second.html)http://plnkr.co/edit/DngozsvRhvJ3Ssr0amzK